<template>
<view class="pages">
	 
	   	<view class="flex-row alin-center justify-around fixed">
	   		<view class="back-1 flex-row" >
	   			<image :src="$IMG_URL+'iphone.png'" class="image_5 flex-row" />
	   			<text class=" flex-row" style="color: #0AC892; ">iPhone下载</text>
	   		</view>
	   	
	   		<view class="back-1 flex-row u-m-l-30" @click="download()">
	   			<image :src="$IMG_URL+'android.png'" class="image_5 flex-row" />
	   			<text style=" color: #1D6AFFs; ">Android下载</text>
	   		</view>
	   	
	   	</view>
	
		

	</view>
</template>

<script>
	export default {
		data() {
			return {
				iphoneApp: 'http://user.16zhuangcheng.cn/gongzhang.apk',
			}
		},
		methods: {
			download() {
				uni.downloadFile({
					url: 'http://user.16zhuangcheng.cn/gongzhang.apk', //仅为示例，并非真实的资源
					success: (res) => {
						if (res.statusCode === 200) {
							console.log('下载成功');
						}
					}
				});
				// plus.runtime.openURL('http://web.77chaoxun.com/gongzhang.apk');


			},
		}
	}
</script>

<style scoped lang="scss">
	.pages {
		
		width: 100vw;
		
		
		overflow-y:hidden;
		 background: url($IMG_URL+'downBackground.png') no-repeat;
		background-size:100vw 100vh;
		background-position: center;
		height:calc(100vh - 44px);
		
	
	
		
	
	}

    .fixed{
		position: fixed;
		bottom: 80rpx;
		left:0;
		right:0;
	}
	.back-1 {
		background-color: #FFFFFF;
		border-radius: 36rpx;
		width: 45%;
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 6;
	}

	.background {
		display: inherit;
		margin: 0 auto;
		height: 100%;
		object-fit: contain;
		background-size: contain;
	}

	.image_4 {
		// width: 800rpx;
		// height: 1500rpx;
		display: inherit;
		margin: 0 auto;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.image_5 {
		width: 31rpx;
		height: 31rpx;
		margin-right: 12rpx;
	}
</style>
